<template>
	<div>
		<el-result icon="success" title="本次变更已提交">
			<template #extra>
				<el-descriptions class="mt10" :column="1">
					<template #title>
						<span class="text-gray mr8">请等待平台进行校验和比对</span>
					</template>
					<el-descriptions-item label="变更批次号">
						{{ gatherObj.id }}
					</el-descriptions-item>
					<el-descriptions-item label="变更人">
						{{ gatherObj.changePerson }}
					</el-descriptions-item>
					<el-descriptions-item label="变更时间">
						{{ gatherObj.changeDate }}
					</el-descriptions-item>
					<el-descriptions-item label="变更内容">
						{{ gatherObj.changeContent }}
					</el-descriptions-item>
				</el-descriptions>
				<div class="operate" v-if="nextBtn">
					<el-button @click="handleBack">返回</el-button>
				</div>
			</template>
		</el-result>
	</div>
</template>

<script setup lang="ts">
type Props = {
	gatherObj?: any
	nextBtn?: boolean
}
withDefaults(defineProps<Props>(), {
	nextBtn: true,
})

const emit = defineEmits(['back'])
const handleBack = () => {
	emit('back')
}
</script>

<style scoped></style>
